<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<label>使用form提交</label>
<hr/>
<div style="border: 1px orange solid;padding: 10px">
    <label>普通的数据（只有1个name，1个age，用普通参数接收）</label>
    <form action="/form1" method="get">
        name: <input name="name" type="text">
        age: <input name="age" type="text">
        <input type="submit" value="提交">
    </form>
    <hr/>
    <label>普通的数据（只有1个name，1个age，用Person接收）</label>
    <form action="/form2" method="get">
        name: <input name="name" type="text">
        age: <input name="age" type="text">
        <input type="submit" value="提交">
    </form>
    <hr/>
    <label>多条数据（用name[]、age[]接收，这样可能对应错误）</label>
    <form action="/form3" method="get">
        学生1：
        name: <input name="name" type="text">
        age: <input name="age" type="text">
        <br/>
        学生2：
        name: <input name="name" type="text">
        age: <input name="age" type="text">
        <input type="submit" value="提交">
    </form>
    <hr/>
    <label>多条数据（用person[]接收，不行）</label>
    <hr/>
    <label>复杂数据（用teacher接收，同时有多个学生）</label>
    <form action="/form4" method="get">
        老师0：
        name: <input name="name" type="text">
        age: <input name="age" type="text">
        <br/>
        学生1：
        name: <input name="studentList[0].name" type="text">
        age: <input name="studentList[0].age" type="text">
        <br/>
        学生2：
        name: <input name="studentList[1].name" type="text">
        age: <input name="studentList[1].age" type="text">
        <input type="submit" value="提交">
    </form>
</div>
</body>
<script th:inline="javascript">

    ctxPath = /*[[@{/}]]*/ '';

</script>
</html>